Hace días algo me llamó la atención en xyberneticos era un script, el efecto según mi opinión es fantástico y más lo es aún que buscaba hace tiempo algo así, guardé esa entrada para verla con más tranquilidad.

Pero hoy he encontrado otra vez una entrada que habla de Glossy. esta vez en Vagabundia donde explica detalladamente los pasos a seguir.

Hay que descargar un archivo ZIP y descomprimirlo, luego buscaremos el script y lo alojaremos en nuestro servidor

Descargar glossy.js 1.3.

Una vez tengamos el archivo en un servidor propio obtendremos la url del archivo y lo añadiremos en el siguiente código del script:

<script type="text/javascript" src="url-de-tu-archivo-glossy.js"></script>


El lugar indicado para añadir el script es en Plantilla/Edicción HTML entre las etiquetas <head> y </head> o si lo prefieres en la misma entrada donde vas a añadir la imagen.

Para que surta efecto el script es obvio que necesitamos una imagen, añadiremos entonces la siguiente etiqueta:

<img class="glossy" src="aquí-la-ur-de-tu-imagen" />


Como bien dice J.Miur lo más importante de este script es la variedad de efectos que podemos añadirle. Por ejemplo...

<img class="glossy iradius25" src="url-de-la-imagen" />


-iradius25 es para variar el radio, desde un mínimo de 0 a un máximo de 50 (por defecto es 25 y es un valor expresado en pixels)

Estas explicaciones son una pequeña recopilación de Vagabundia os recomiendo visitarle.

Anónimo

¿Puede ser que se vea un poco más nítida la imágen con el script?

Responder
Anónimo

Se te ve hermoso el efecto en el blog, Gem@. Yo también lo integré en un post, me gusta mucho.
Un abracituu

Responder
Anónimo

Te dejo la dirección del blog por las dudas de que no abras las otras casillas de comentarios:
www.comunicacionyexpresiondelbeltran.blogspot.com
Visitanos y vas a ver cuantas cositas hicimos con tu ayuda.
Gracias.

Responder
Pato Aliaga

Gema por favor te pido que que le digas a la gente que vaya a mi blog que lea el titula ren rojo que he colocado y la ultima entrada que se ve "Contribuye a Combatir el Calentamiento Global en tu computador" por favor no se si lo sabras pero soy una persona activa en pro de un mejor planeta y te lo pido por favor:
Gracias de antemano y se que puedo contar contigo!
Saludos.

Responder
Jejo

Gem@ otra vez yo por aquí haciendo preguntas ...
Cambié la plantilla antigua del blog desde donde te escribo por la nueva versión y resulta que ahora las imagenes vuelven a salir con el recuadro que anteriormente había eliminado. Por favor, me aydas a encontrar el tutorial que indica como eliminar los recuadros o bordes de las imagenes de los post. La plantilla nueva es diferente en su versión Html que la mínima vieja. Y no encuentro el modo de quitarlo.
Desde ya, muchas gracias ...

Responder
Daniel

Hola Gema! Necesito de tu ayuda nuevamente, los otros dias te preguntaba sobre el menu desplegable personalizado, te cuento, lo hice me salio bien, lo estoy usando para agegar links de descargas para unas fotos y videos, hice todos los links de dos botones y fabuloso, el problema llego cuando quise hacer un tercero, este es el codigo que hice, el problema consiste en que no despliega el menu.
Te escribi unos email hace unos dias pero no se tal vez tu correo los mando a la carpeta de spam.
Bueno, espero que me puedas ayudar, yo probe todo lo que se me ocurrio pero no hay caso.
Gracias de antemano.

Daniel

Responder
Unknown

hola gema soy jose carlos el del blog de semana santa te dije lo del favicom y te mande la imagen como me pedistes en el correo que me enviastes. cuando puedas me la mandas

Responder
M. Regalado

Gema, has conseguido montar un blog interesantísimo que cada día contiene más cosas útiles para todos.
Enhorabuena, guapa. Te visito con todo interés aunque casi nunca te deje comentarios.

Que tengas un verano feliz.
Un abrazo

Responder
Carl@

Hola Gema te puedo hacer una pregunta que no tiene nada que ver con este post?
En un blog encontre un tipo de flick que las fotos las podias colocar en un cubo que giraba. Subi fotos pero no guarde en mis favoritos en nombre de la pagina y no la puedo recuperar.
Vos sabes cual podria ser esa pagina?
Desde ya muchas gracias!!!!
Tu blog siempre me es de muchisima ayuda
:)

Responder
Gem@

Claro que puede ser Cristian.
Las clases extras aceptadas son:

iradius25 para variar el radio, desde un mínimo de 0 a un máximo de 50 (por defecto es 25 y es un valor expresado en pixeles)
ibgcolor000000 es el color de fondo en formato hexadecimal (000000 a FFFFFF)
igradient000000 es el color que define una gradiente (000000 a FFFFFF)
horizontal cambia la dirección de la gradiente
noshadow varía el tipo de sombra.
Encontrarás estos detalles y más en Vagabundia ;)

Hola Cata es estupendo yo lo buscaba hace tiempo y últimamente me arreglaba con el Corel que también es genial.

Gracias Marisa, abro todos los mail que me llegan con comentarios, prometo visitaros ;)

Muy buenas Sr.Patricio Aliaga yo creo que con su comentario será suficiente para hacer llegar esa información.
Entienda... que son muchos los que esperan una explicación determinada y hace poquito informamos sobre su blog en una entrada.
Aún así... lo tendré en cuenta ;)
Espero lo entienda.

Responder
Gem@

Saludos Pirat@ Jejo.
Puedes eliminar todos los bordes de la plantilla desde aquí...
http://gemablog-.blogspot.com/2007/03/eliminar-lneas-del-blog.html
(Esa entrada es tuya ;) )

Hola Daniel te contesto ya mismo a ese mail.
Siento tardar pero no me da para más el tiempo que tengo libre :(

Ya está enviado Jose Carlos, con las dos imágenes ;)
Espero que te guste.

Hola Almena ¿Recuerdas como empezó esto? Yo si lo recuerdo, fue por una sugerencia en Carpe Diem, me preguntaban cosas y para no mezclar los temas fui agrupando cosillas en este espacio, al final... me di cuenta que mi sitio está aquí.
La necesidad de escribir es algo que se lleva dentro, y aunque sea en un cuaderno siempre tengo algo que "decir"
Gracias amiga por visitarme y dejarme esas muestras de cariño.
Feliz verano ;)

Hola Carl@ claro que me acuerdo, tengo una entrada con ese cuadrado, al menos creo que te refieres a esto:
http://gemablog-.blogspot.com/2006/06/picturetrail.html
¿Lo es?

Responder
alida

Gem@ que interesante esto me gusta mucho
Un abrazo

Responder
Sib

Hola Gema, superando dificultades pero sigo en la brecha, mi problema de ahora, quiero poner un texto expandible en la sidebar....
Sé que lo has explicado pero donde?
lo que he visto no me funciona
Besos
Susana

Responder
metal

Orale, muy buen tip (aunq es mas q eso ^^)... muy interesante, lo dejaré en stand by para cuando ponga mas pics en mi blog ^^

saludos...

Responder
Gem@

Hola Alida ;)

Sib aquí tienes una entrada sobre ese tema, auqnue en la sidebar tengo añadido algo que seguramente te va a gustar (es un poco más complicado de hacer ya que requiere alojar un archivo en servidor propio)pero si te gusta puedes ver el efecto donde dice :
"Introducción"
Si te interesa la semana que viene hacemos una entrada sobre ello ;)

Saludos metal ;)

Responder
Sib

Gema, un día nos vas a mandar a todos muy lejossss¡¡¡ la verdad es que eres un encanto y gracias de antemano..
Puse el codigo que me dijiste pero luego al añadirlo a la sidebar me sale el titulo pero no enlaza con el texto... ?¿?¿?¿?
Y lo de Introducción no lo encuentro por ninguna parte...lo siento ;(
Estoy segura que acabaré aprendiendo pero paciencia..jajaja
Besos.
Susana

Responder
Gem@

Hola Sib prueba de la siguiente forma:
<a href="javascript:void(0);" onclick="expandcollapse('Habitaquo')">texto visible</a>
<ul id="Habitaquo" class="texthidden">
texto oculto,texto oculto,texto oculto,texto oculto,
texto oculto,texto oculto,texto oculto,texto oculto,
texto oculto,texto oculto,texto oculto,texto oculto,
texto oculto,texto oculto,texto oculto,texto oculto,
texto oculto,texto oculto,texto oculto,texto oculto,
</ul>
(si lo añades más de una vez debes ir cambiando el texto "Habitaquo" por otro, no deben repetirse ;)

Responder
Gem@

Y no pienso mandaros lejossss jajaja ya estamos lo suficiente lejos para mandaros más ;)

Responder
administrador

Como te va Gem@, me ha parecido increíble tu blog...la verdad es que no se como subir el script al servidor de que hablas, lo hice en otro pero la url que me da es de descarga, por lo tanto no tengo la url del script para aplicar el glossy, te agradecería mucho si me podes hchar una mano, desde ya muchas gracias y felicitaciones por tu blog;)

Responder
Gem@

Bienvenida Eugene puedes seguir el tutorial de Vagabundia si deseas usar otro servidor.
Hasta que tengas añadido el archivo puedes probar con el mio para ver los resultados:
<script src=' http://forevergema.googlepages.com/glossy.js' type='text/javascript'/>

Responder
Anónimo

Increible, muchas gracias por haber respondido tan rapido Gem@...
yo tengo una cuenta en goole, dado que poseo un blog en blogger, lo que no se es como alojar en google page este tipo de archivos para que te aparezca el link de que hablamos, además al hacer click en el link de Vagabundia sobre ese tutorial, no funciona,... conoces algun otro server que te permitas alojar scripts, ni hablar que agradezco mucho que me hayas prestado el tuyo para probar, muchas gracias y saludos;)

Responder
administrador

No dije nada Gem@, ya encontré el tutorial en Vagabundia, me faltaba saber que para generar el link del script era "copiar la ruta del enlace" en el archivo subido a google pages...me andubo de 10, te devuelvo tu link, y a propósito utilicé una de tus barras separadoras para mi blog,gracias nuevamente y seguramente seguiré visitando tu blog...
una cosa más, cuando nací "machito dijo la partera"..jaja
Saludos

Responder
Gem@

Llevas razón Eugene el enlace de Vagabundia esta roto, me di cuenta después y lo arreglé.
Me alegra que tengas una de mis barras (no he podido visitarte no tienes el perfil disponible) :(
Lamento la confusión con el nombre.
Bienvenido Eugene ;)

Responder
ANRAFERA

Gracias. Bonita opción. Intentaré hacerlo. Saludos.

Responder
Gem@

:: Suerte ANRAFERA :)

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top